<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<META http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="../../../style.css" type="text/css" media="screen">
<link rel="stylesheet" href="../../../print.css" type="text/css" media="print">
<meta content="BoxModelDisplay,camo.views.display.BoxModelDisplay,BOTTOM,DELIMITER,LEFT,NINE_SLICE_H,NINE_SLICE_W,NINE_SLICE_X,NINE_SLICE_Y,NO_REPEAT,REPEAT_X,REPEAT_Y,RIGHT,TOP,_backgroundColorContainer,_backgroundImageContainer,_bgImageLoader,_bgImageSrc,_bgRepeat,_borderContainer,_boxModelDebug,_height,_imgUtil,_lib,_margin,_marginContainer,_nineSliceCoords,_padding,_paddingContainer,_typeHelper,_width,style,margin,padding,addListeners,addToBoxModel,calculateOffsetArray,clearDisplay,createBGContainer,createBGImage,createBorder,createHelpers,createMarginContainer,createPaddingContainer,drawBoxModel,initBoxModel,ioError,loadBGImage,onBGImageLoad,refresh,registerUtils,removeFromBoxModel,removeListeners,rgbToHex" name="keywords">
<title>camo.views.display.BoxModelDisplay</title>
</head>
<body>
<script type="text/javascript" language="javascript" src="../../../asdoc.js"></script><script type="text/javascript" language="javascript" src="../../../cookies.js"></script><script type="text/javascript" language="javascript">
<!--
				asdocTitle = 'BoxModelDisplay - My Application';
				var baseRef = '../../../';
				window.onload = configPage;
			--></script>
<table style="display:none" id="titleTable" cellspacing="0" cellpadding="0" class="titleTable">
<tr>
<td align="left" class="titleTableTitle">API Documentation</td><td align="right" class="titleTableTopNav"><a onclick="loadClassListFrame('../../../all-classes.html')" href="../../../package-summary.html">All&nbsp;Packages</a>&nbsp;|&nbsp;<a onclick="loadClassListFrame('../../../all-classes.html')" href="../../../class-summary.html">All&nbsp;Classes</a>&nbsp;|&nbsp;<a onclick="loadClassListFrame('../../../index-list.html')" href="../../../all-index-A.html">Index</a>&nbsp;|&nbsp;<a href="../../../index.html?camo/views/display/BoxModelDisplay.html&amp;camo/views/display/class-list.html" id="framesLink1">Frames</a><a onclick="parent.location=document.location" href="" style="display:none" id="noFramesLink1">No&nbsp;Frames</a></td><td rowspan="3" align="right" class="titleTableLogo"><img alt="Adobe Logo" title="Adobe Logo" class="logoImage" src="../../../images/logo.jpg"></td>
</tr>
<tr class="titleTableRow2">
<td align="left" id="subTitle" class="titleTableSubTitle">Class&nbsp;BoxModelDisplay</td><td align="right" id="subNav" class="titleTableSubNav"><a href="#propertySummary">Properties</a>&nbsp;| <a href="#methodSummary">Methods</a>&nbsp;| <a href="#constantSummary">Constants</a></td>
</tr>
<tr class="titleTableRow3">
<td colspan="2">&nbsp;</td>
</tr>
</table>
<script type="text/javascript" language="javascript">
<!--
if (!isEclipse() || window.name != ECLIPSE_FRAME_NAME) {titleBar_setSubTitle("Class BoxModelDisplay"); titleBar_setSubNav(true,true,false,false,false,false,true,false,false,false,false,false,false,false);}
--></script>
<div class="MainContent">
<table cellspacing="0" cellpadding="0" class="classHeaderTable">
<tr>
<td class="classHeaderTableLabel">Package</td><td><a onclick="javascript:loadClassListFrame('class-list.html')" href="package-detail.html">camo.views.display</a></td>
</tr>
<tr>
<td class="classHeaderTableLabel">Class</td><td class="classSignature">public class BoxModelDisplay</td>
</tr>
<tr>
<td class="classHeaderTableLabel">Inheritance</td><td class="inheritanceList">BoxModelDisplay <img class="inheritArrow" alt="Inheritance" title="Inheritance" src="../../../images/inherit-arrow.gif"> <a href="AbstractDisplay.html">AbstractDisplay</a> <img class="inheritArrow" alt="Inheritance" title="Inheritance" src="../../../images/inherit-arrow.gif"> flash.display.Sprite</td>
</tr>
<tr>
<td class="classHeaderTableLabel">Implements</td><td><a href="IBoxModel.html">IBoxModel</a></td>
</tr>
<tr>
<td class="classHeaderTableLabel">Subclasses</td><td><a href="../display/CamoDisplay.html">CamoDisplay</a></td>
</tr>
</table>
<p></p>
  <p></p>
<br>
<hr>
</div>
<a name="propertySummary"></a>
<div class="summarySection">
<div class="summaryTableTitle">Public Properties</div>
<div class="showHideLinks">
<div class="hideInheritedProperty" id="hideInheritedProperty">
<a onclick="javascript:setInheritedVisible(false,'Property');" href="#propertySummary" class="showHideLink"><img src="../../../images/expanded.gif" class="showHideLinkImage"> Hide Inherited Public Properties</a>
</div>
<div class="showInheritedProperty" id="showInheritedProperty">
<a onclick="javascript:setInheritedVisible(true,'Property');" href="#propertySummary" class="showHideLink"><img src="../../../images/collapsed.gif" class="showHideLinkImage"> Show Inherited Public Properties</a>
</div>
</div>
<table id="summaryTableProperty" class="summaryTable " cellpadding="3" cellspacing="0">
<tr>
<th>&nbsp;</th><th colspan="2">Property</th><th class="summaryTableOwnerCol">Defined&nbsp;by</th>
</tr>
<tr class="hideInheritedProperty">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img class="inheritedSummaryImage" title="Inherited" alt="Inherited" src="../../../images/inheritedSummary.gif"></td><td class="summaryTableSignatureCol"><a class="signatureLink" href="AbstractDisplay.html#bitmapData">bitmapData</a> : BitmapData<div class="summaryTableDescription">
   <p>This allows immediate access to the bitmapData of the display.</div>
</td><td class="summaryTableOwnerCol"><a href="AbstractDisplay.html">AbstractDisplay</a></td>
</tr>
<tr class="hideInheritedProperty">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img class="inheritedSummaryImage" title="Inherited" alt="Inherited" src="../../../images/inheritedSummary.gif"></td><td class="summaryTableSignatureCol"><a class="signatureLink" href="AbstractDisplay.html#display">display</a> : Sprite<div class="summaryTableDescription">
   <p>Returns and instance of the Class's display container.</div>
</td><td class="summaryTableOwnerCol"><a href="AbstractDisplay.html">AbstractDisplay</a></td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a class="signatureLink" href="#_height">_height</a> : Number = 0<div class="summaryTableDescription"></div>
</td><td class="summaryTableOwnerCol">BoxModelDisplay</td>
</tr>
<tr class="hideInheritedProperty">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img class="inheritedSummaryImage" title="Inherited" alt="Inherited" src="../../../images/inheritedSummary.gif"></td><td class="summaryTableSignatureCol"><a class="signatureLink" href="AbstractDisplay.html#id">id</a> : String<div class="summaryTableDescription"></div>
</td><td class="summaryTableOwnerCol"><a href="AbstractDisplay.html">AbstractDisplay</a></td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a class="signatureLink" href="#margin">margin</a> : Array<div class="summaryTableDescription">
   <p>Returns the margin array.</div>
</td><td class="summaryTableOwnerCol">BoxModelDisplay</td>
</tr>
<tr class="hideInheritedProperty">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img class="inheritedSummaryImage" title="Inherited" alt="Inherited" src="../../../images/inheritedSummary.gif"></td><td class="summaryTableSignatureCol"><a class="signatureLink" href="AbstractDisplay.html#name">name</a> : String<div class="summaryTableDescription">
   <p>Returns the id of the Instance.</p>
   </div>
</td><td class="summaryTableOwnerCol"><a href="AbstractDisplay.html">AbstractDisplay</a></td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a class="signatureLink" href="#padding">padding</a> : Array<div class="summaryTableDescription">
   <p>Returns the padding array.</div>
</td><td class="summaryTableOwnerCol">BoxModelDisplay</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a class="signatureLink" href="#style">style</a> : Object<div class="summaryTableDescription"></div>
</td><td class="summaryTableOwnerCol">BoxModelDisplay</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a class="signatureLink" href="#_width">_width</a> : Number = 0<div class="summaryTableDescription"></div>
</td><td class="summaryTableOwnerCol">BoxModelDisplay</td>
</tr>
</table>
</div>
<a name="protectedPropertySummary"></a>
<div class="summarySection">
<div class="summaryTableTitle">Protected Properties</div>
<div class="showHideLinks">
<div class="hideInheritedProtectedProperty" id="hideInheritedProtectedProperty">
<a onclick="javascript:setInheritedVisible(false,'ProtectedProperty');" href="#protectedPropertySummary" class="showHideLink"><img src="../../../images/expanded.gif" class="showHideLinkImage"> Hide Inherited Protected Properties</a>
</div>
<div class="showInheritedProtectedProperty" id="showInheritedProtectedProperty">
<a onclick="javascript:setInheritedVisible(true,'ProtectedProperty');" href="#protectedPropertySummary" class="showHideLink"><img src="../../../images/collapsed.gif" class="showHideLinkImage"> Show Inherited Protected Properties</a>
</div>
</div>
<table id="summaryTableProtectedProperty" class="summaryTable " cellpadding="3" cellspacing="0">
<tr>
<th>&nbsp;</th><th colspan="2">Property</th><th class="summaryTableOwnerCol">Defined&nbsp;by</th>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a class="signatureLink" href="#_backgroundColorContainer">_backgroundColorContainer</a> : Sprite<div class="summaryTableDescription"></div>
</td><td class="summaryTableOwnerCol">BoxModelDisplay</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a class="signatureLink" href="#_backgroundImageContainer">_backgroundImageContainer</a> : Sprite<div class="summaryTableDescription"></div>
</td><td class="summaryTableOwnerCol">BoxModelDisplay</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a class="signatureLink" href="#_bgImageLoader">_bgImageLoader</a> : Loader<div class="summaryTableDescription"></div>
</td><td class="summaryTableOwnerCol">BoxModelDisplay</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a class="signatureLink" href="#_bgImageSrc">_bgImageSrc</a> : <a href="../../../org/bytearray/display/ScaleBitmap.html">ScaleBitmap</a>
<div class="summaryTableDescription"></div>
</td><td class="summaryTableOwnerCol">BoxModelDisplay</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a class="signatureLink" href="#_bgRepeat">_bgRepeat</a> : String<div class="summaryTableDescription"></div>
</td><td class="summaryTableOwnerCol">BoxModelDisplay</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a class="signatureLink" href="#_borderContainer">_borderContainer</a> : Sprite<div class="summaryTableDescription"></div>
</td><td class="summaryTableOwnerCol">BoxModelDisplay</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a class="signatureLink" href="#_boxModelDebug">_boxModelDebug</a> : Boolean<div class="summaryTableDescription"></div>
</td><td class="summaryTableOwnerCol">BoxModelDisplay</td>
</tr>
<tr class="hideInheritedProtectedProperty">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img class="inheritedSummaryImage" title="Inherited" alt="Inherited" src="../../../images/inheritedSummary.gif"></td><td class="summaryTableSignatureCol"><a class="signatureLink" href="AbstractDisplay.html#_display">_display</a> : Sprite<div class="summaryTableDescription"></div>
</td><td class="summaryTableOwnerCol"><a href="AbstractDisplay.html">AbstractDisplay</a></td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a class="signatureLink" href="#_imgUtil">_imgUtil</a> : <a href="../../utils/ImageUtility.html">ImageUtility</a>
<div class="summaryTableDescription"></div>
</td><td class="summaryTableOwnerCol">BoxModelDisplay</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a class="signatureLink" href="#_lib">_lib</a> : <a href="../../models/libraries/CamoLibrary.html">CamoLibrary</a>
<div class="summaryTableDescription"></div>
</td><td class="summaryTableOwnerCol">BoxModelDisplay</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a class="signatureLink" href="#_margin">_margin</a> : Array<div class="summaryTableDescription"></div>
</td><td class="summaryTableOwnerCol">BoxModelDisplay</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a class="signatureLink" href="#_marginContainer">_marginContainer</a> : Sprite<div class="summaryTableDescription"></div>
</td><td class="summaryTableOwnerCol">BoxModelDisplay</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a class="signatureLink" href="#_nineSliceCoords">_nineSliceCoords</a> : Array<div class="summaryTableDescription"></div>
</td><td class="summaryTableOwnerCol">BoxModelDisplay</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a class="signatureLink" href="#_padding">_padding</a> : Array<div class="summaryTableDescription"></div>
</td><td class="summaryTableOwnerCol">BoxModelDisplay</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a class="signatureLink" href="#_paddingContainer">_paddingContainer</a> : Sprite<div class="summaryTableDescription"></div>
</td><td class="summaryTableOwnerCol">BoxModelDisplay</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a class="signatureLink" href="#_typeHelper">_typeHelper</a> : <a href="../../controllers/helpers/TypeHelper.html">TypeHelper</a>
<div class="summaryTableDescription"></div>
</td><td class="summaryTableOwnerCol">BoxModelDisplay</td>
</tr>
</table>
</div>
<a name="methodSummary"></a>
<div class="summarySection">
<div class="summaryTableTitle">Public Methods</div>
<div class="showHideLinks">
<div class="hideInheritedMethod" id="hideInheritedMethod">
<a onclick="javascript:setInheritedVisible(false,'Method');" href="#methodSummary" class="showHideLink"><img src="../../../images/expanded.gif" class="showHideLinkImage"> Hide Inherited Public Methods</a>
</div>
<div class="showInheritedMethod" id="showInheritedMethod">
<a onclick="javascript:setInheritedVisible(true,'Method');" href="#methodSummary" class="showHideLink"><img src="../../../images/collapsed.gif" class="showHideLinkImage"> Show Inherited Public Methods</a>
</div>
</div>
<table id="summaryTableMethod" class="summaryTable " cellpadding="3" cellspacing="0">
<tr>
<th>&nbsp;</th><th colspan="2">Method</th><th class="summaryTableOwnerCol">Defined&nbsp;by</th>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol">
<div class="summarySignature">
<a class="signatureLink" href="#BoxModelDisplay()">BoxModelDisplay</a>()</div>
<div class="summaryTableDescription">
   <p>The BoxModel represents a key display manager for the framework.</div>
</td><td class="summaryTableOwnerCol">BoxModelDisplay</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol">
<div class="summarySignature">
<a class="signatureLink" href="#addListeners()">addListeners</a>(target:LoaderInfo):void</div>
<div class="summaryTableDescription">
   <p>attaches listeners to LoaderInfo.</div>
</td><td class="summaryTableOwnerCol">BoxModelDisplay</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol">
<div class="summarySignature">
<a class="signatureLink" href="#addToBoxModel()">addToBoxModel</a>(target:DisplayObject):void</div>
<div class="summaryTableDescription">
   <p>Allows DisplayObjects to be inserted between the BoxModel and the
   display.</p>
   </div>
</td><td class="summaryTableOwnerCol">BoxModelDisplay</td>
</tr>
<tr class="hideInheritedMethod">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img class="inheritedSummaryImage" title="Inherited" alt="Inherited" src="../../../images/inheritedSummary.gif"></td><td class="summaryTableSignatureCol">
<div class="summarySignature">
<a class="signatureLink" href="AbstractDisplay.html#addToDisplay()">addToDisplay</a>(target:DisplayObject):void</div>
<div class="summaryTableDescription">
   <p>Adds display objects to the class's display.</div>
</td><td class="summaryTableOwnerCol"><a href="AbstractDisplay.html">AbstractDisplay</a></td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol">
<div class="summarySignature">
<a class="signatureLink" href="#calculateOffsetArray()">calculateOffsetArray</a>(value:Array):Array</div>
<div class="summaryTableDescription">
   <p>Takes a string of numbers and returns an 4 position array that can 
   be used for padding or margin offsets.</div>
</td><td class="summaryTableOwnerCol">BoxModelDisplay</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol">
<div class="summarySignature">
<a class="signatureLink" href="#clearDisplay()">clearDisplay</a>():void</div>
<div class="summaryTableDescription">
   <p>Clears the BoxModel specific containers in order to get a correctly
   rerendered display.</p>
   </div>
</td><td class="summaryTableOwnerCol">BoxModelDisplay</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol">
<div class="summarySignature">
<a class="signatureLink" href="#createBorder()">createBorder</a>():void</div>
<div class="summaryTableDescription">
   <p>Creates a container that represents the border.</p>
   </div>
</td><td class="summaryTableOwnerCol">BoxModelDisplay</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol">
<div class="summarySignature">
<a class="signatureLink" href="#drawBoxModel()">drawBoxModel</a>():void</div>
<div class="summaryTableDescription">
   <p>This is the core of the BoxModel, it is responsible for creating all
   the sprites needed to render the elements that make up the BoxModel.</p>
   
   <p>The box model is made up of the following elements</p>
   
   <ul>
    <li>Margin Container</li>
    <li>Padding Container</li>
    <li>Background Color Container</li>
    <li>Background Image Container</li>
    <li>AbstarctDisplay's Display</li>
    <li>Border Display</li>
   </ul>
   </div>
</td><td class="summaryTableOwnerCol">BoxModelDisplay</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol">
<div class="summarySignature">
<a class="signatureLink" href="#ioError()">ioError</a>(event:IOErrorEvent):void</div>
<div class="summaryTableDescription">
   <p>Called when a file can not be loaded.</div>
</td><td class="summaryTableOwnerCol">BoxModelDisplay</td>
</tr>
<tr class="hideInheritedMethod">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img class="inheritedSummaryImage" title="Inherited" alt="Inherited" src="../../../images/inheritedSummary.gif"></td><td class="summaryTableSignatureCol">
<div class="summarySignature">
<a class="signatureLink" href="AbstractDisplay.html#move()">move</a>(newX:Number, newY:Number):void</div>
<div class="summaryTableDescription">
   <p>Move x,y of UI Object.</p>
   
   </div>
</td><td class="summaryTableOwnerCol"><a href="AbstractDisplay.html">AbstractDisplay</a></td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol">
<div class="summarySignature">
<a class="signatureLink" href="#refresh()">refresh</a>():void</div>
<div class="summaryTableDescription">
   <p>This function refreshes the display.</div>
</td><td class="summaryTableOwnerCol">BoxModelDisplay</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol">
<div class="summarySignature">
<a class="signatureLink" href="#removeFromBoxModel()">removeFromBoxModel</a>(target:DisplayObject):void</div>
<div class="summaryTableDescription">
    <p>Removes DisplayObjects from the BoxModel.</p>
   </div>
</td><td class="summaryTableOwnerCol">BoxModelDisplay</td>
</tr>
<tr class="hideInheritedMethod">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img class="inheritedSummaryImage" title="Inherited" alt="Inherited" src="../../../images/inheritedSummary.gif"></td><td class="summaryTableSignatureCol">
<div class="summarySignature">
<a class="signatureLink" href="AbstractDisplay.html#removeFromDisplay()">removeFromDisplay</a>(target:DisplayObject):void</div>
<div class="summaryTableDescription">
   <p>Removes a display object from the class's display.</div>
</td><td class="summaryTableOwnerCol"><a href="AbstractDisplay.html">AbstractDisplay</a></td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol">
<div class="summarySignature">
<a class="signatureLink" href="#removeListeners()">removeListeners</a>(target:LoaderInfo):void</div>
<div class="summaryTableDescription">
   <p>removes listeners to LoaderInfo.</div>
</td><td class="summaryTableOwnerCol">BoxModelDisplay</td>
</tr>
<tr class="hideInheritedMethod">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img class="inheritedSummaryImage" title="Inherited" alt="Inherited" src="../../../images/inheritedSummary.gif"></td><td class="summaryTableSignatureCol">
<div class="summarySignature">
<a class="signatureLink" href="AbstractDisplay.html#resize()">resize</a>(w:Number, h:Number):void</div>
<div class="summaryTableDescription">
   <p>Resize UI Object.</p>
   
   </div>
</td><td class="summaryTableOwnerCol"><a href="AbstractDisplay.html">AbstractDisplay</a></td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol">
<div class="summarySignature">
<a class="signatureLink" href="#rgbToHex()">rgbToHex</a>(r:Number, g:Number, b:Number):Number</div>
<div class="summaryTableDescription">
   <p>Converts rgb to hex.</p>
   
   TODO this should be moved into the TypeHelper or a utility class?
   </div>
</td><td class="summaryTableOwnerCol">BoxModelDisplay</td>
</tr>
</table>
</div>
<a name="protectedMethodSummary"></a>
<div class="summarySection">
<div class="summaryTableTitle">Protected Methods</div>
<table id="summaryTableProtectedMethod" class="summaryTable " cellpadding="3" cellspacing="0">
<tr>
<th>&nbsp;</th><th colspan="2">Method</th><th class="summaryTableOwnerCol">Defined&nbsp;by</th>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol">
<div class="summarySignature">
<a class="signatureLink" href="#createBGContainer()">createBGContainer</a>():void</div>
<div class="summaryTableDescription">
   <p>This creates a background color container.</p>
   </div>
</td><td class="summaryTableOwnerCol">BoxModelDisplay</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol">
<div class="summarySignature">
<a class="signatureLink" href="#createBGImage()">createBGImage</a>():void</div>
<div class="summaryTableDescription">
   <p>This parses the "backgroundImage" property and passes off to the
   loadBGImage method.</p>
   
   </div>
</td><td class="summaryTableOwnerCol">BoxModelDisplay</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol">
<div class="summarySignature">
<a class="signatureLink" href="#createHelpers()">createHelpers</a>():void</div>
<div class="summaryTableDescription">
   <p>Registers the TypeHelper class.</p>
   </div>
</td><td class="summaryTableOwnerCol">BoxModelDisplay</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol">
<div class="summarySignature">
<a class="signatureLink" href="#createMarginContainer()">createMarginContainer</a>():void</div>
<div class="summaryTableDescription">
   <p>This creates a margin container</p>
   </div>
</td><td class="summaryTableOwnerCol">BoxModelDisplay</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol">
<div class="summarySignature">
<a class="signatureLink" href="#createPaddingContainer()">createPaddingContainer</a>():void</div>
<div class="summaryTableDescription">
   <p>This creates a padding container</p>
   </div>
</td><td class="summaryTableOwnerCol">BoxModelDisplay</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol">
<div class="summarySignature">
<a class="signatureLink" href="#initBoxModel()">initBoxModel</a>(styleConfig:Object = null):void</div>
<div class="summaryTableDescription">
   <p>This initalizes the box model.</div>
</td><td class="summaryTableOwnerCol">BoxModelDisplay</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol">
<div class="summarySignature">
<a class="signatureLink" href="#loadBGImage()">loadBGImage</a>(type:String, url:String):void</div>
<div class="summaryTableDescription">
   <p>This loads an external image to be used as a background texture.</p>
   </div>
</td><td class="summaryTableOwnerCol">BoxModelDisplay</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol">
<div class="summarySignature">
<a class="signatureLink" href="#onBGImageLoad()">onBGImageLoad</a>(e:Event):void</div>
<div class="summaryTableDescription">
   <p>This is called when a BG Image is loaded.</div>
</td><td class="summaryTableOwnerCol">BoxModelDisplay</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol">
<div class="summarySignature">
<a class="signatureLink" href="#registerUtils()">registerUtils</a>():void</div>
<div class="summaryTableDescription">
   <p>Registers the ImageUtility.</p>
   </div>
</td><td class="summaryTableOwnerCol">BoxModelDisplay</td>
</tr>
</table>
</div>
<a name="constantSummary"></a>
<div class="summarySection">
<div class="summaryTableTitle">Public Constants</div>
<table id="summaryTableConstant" class="summaryTable " cellpadding="3" cellspacing="0">
<tr>
<th>&nbsp;</th><th colspan="2">Constant</th><th class="summaryTableOwnerCol">Defined&nbsp;by</th>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a class="signatureLink" href="#BOTTOM">BOTTOM</a> : Number = 2<div class="summaryTableDescription">[static]</div>
</td><td class="summaryTableOwnerCol">BoxModelDisplay</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a class="signatureLink" href="#DELIMITER">DELIMITER</a> : String = " "<div class="summaryTableDescription">[static]</div>
</td><td class="summaryTableOwnerCol">BoxModelDisplay</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a class="signatureLink" href="#LEFT">LEFT</a> : Number = 3<div class="summaryTableDescription">[static]</div>
</td><td class="summaryTableOwnerCol">BoxModelDisplay</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a class="signatureLink" href="#NINE_SLICE_H">NINE_SLICE_H</a> : Number = 3<div class="summaryTableDescription">[static]</div>
</td><td class="summaryTableOwnerCol">BoxModelDisplay</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a class="signatureLink" href="#NINE_SLICE_W">NINE_SLICE_W</a> : Number = 2<div class="summaryTableDescription">[static]</div>
</td><td class="summaryTableOwnerCol">BoxModelDisplay</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a class="signatureLink" href="#NINE_SLICE_X">NINE_SLICE_X</a> : Number = 0<div class="summaryTableDescription">[static]</div>
</td><td class="summaryTableOwnerCol">BoxModelDisplay</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a class="signatureLink" href="#NINE_SLICE_Y">NINE_SLICE_Y</a> : Number = 1<div class="summaryTableDescription">[static]</div>
</td><td class="summaryTableOwnerCol">BoxModelDisplay</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a class="signatureLink" href="#NO_REPEAT">NO_REPEAT</a> : String = "no-repeat"<div class="summaryTableDescription">[static]</div>
</td><td class="summaryTableOwnerCol">BoxModelDisplay</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a class="signatureLink" href="#REPEAT_X">REPEAT_X</a> : String = "repeat-x"<div class="summaryTableDescription">[static]</div>
</td><td class="summaryTableOwnerCol">BoxModelDisplay</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a class="signatureLink" href="#REPEAT_Y">REPEAT_Y</a> : String = "repeat-y"<div class="summaryTableDescription">[static]</div>
</td><td class="summaryTableOwnerCol">BoxModelDisplay</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a class="signatureLink" href="#RIGHT">RIGHT</a> : Number = 1<div class="summaryTableDescription">[static]</div>
</td><td class="summaryTableOwnerCol">BoxModelDisplay</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a class="signatureLink" href="#TOP">TOP</a> : Number = 0<div class="summaryTableDescription">[static]</div>
</td><td class="summaryTableOwnerCol">BoxModelDisplay</td>
</tr>
</table>
</div>
<script type="text/javascript" language="javascript">
<!--
showHideInherited();
--></script>
<div class="MainContent">
<a name="propertyDetail"></a>
<div class="detailSectionHeader">Property detail</div>
<a name="_backgroundColorContainer"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">_backgroundColorContainer</td><td class="detailHeaderType">property</td>
</tr>
</table>
<div class="detailBody">
<code>protected var _backgroundColorContainer:Sprite</code>
</div>
<a name="_backgroundImageContainer"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">_backgroundImageContainer</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>protected var _backgroundImageContainer:Sprite</code>
</div>
<a name="_bgImageLoader"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">_bgImageLoader</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>protected var _bgImageLoader:Loader</code>
</div>
<a name="_bgImageSrc"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">_bgImageSrc</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>protected var _bgImageSrc:<a href="../../../org/bytearray/display/ScaleBitmap.html">ScaleBitmap</a></code>
</div>
<a name="_bgRepeat"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">_bgRepeat</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>protected var _bgRepeat:String</code>
</div>
<a name="_borderContainer"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">_borderContainer</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>protected var _borderContainer:Sprite</code>
</div>
<a name="_boxModelDebug"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">_boxModelDebug</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>protected var _boxModelDebug:Boolean</code>
</div>
<a name="_height"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">_height</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>public var _height:Number = 0</code>
</div>
<a name="_imgUtil"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">_imgUtil</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>protected var _imgUtil:<a href="../../utils/ImageUtility.html">ImageUtility</a></code>
</div>
<a name="_lib"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">_lib</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>protected var _lib:<a href="../../models/libraries/CamoLibrary.html">CamoLibrary</a></code>
</div>
<a name="_margin"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">_margin</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>protected var _margin:Array</code>
</div>
<a name="margin"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">margin</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>margin:Array</code>&nbsp;&nbsp;[read-write]<p>
   </p><p>Returns the margin array. If no padding has been set, it will create 
   a default array with all 0s in it.</p>
   <span class="label">Implementation</span>
<br>
<code>&nbsp;&nbsp;&nbsp;&nbsp;public function get margin():Array</code>
<br>
<code>&nbsp;&nbsp;&nbsp;&nbsp;public function set margin(value:Array):void</code>
<br>
</div>
<a name="_marginContainer"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">_marginContainer</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>protected var _marginContainer:Sprite</code>
</div>
<a name="_nineSliceCoords"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">_nineSliceCoords</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>protected var _nineSliceCoords:Array</code>
</div>
<a name="_padding"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">_padding</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>protected var _padding:Array</code>
</div>
<a name="padding"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">padding</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>padding:Array</code>&nbsp;&nbsp;[read-write]<p>
   </p><p>Returns the padding array. If no padding has been set, it will 
   create a default array with all 0s in it.</p>
   <span class="label">Implementation</span>
<br>
<code>&nbsp;&nbsp;&nbsp;&nbsp;public function get padding():Array</code>
<br>
<code>&nbsp;&nbsp;&nbsp;&nbsp;public function set padding(value:Array):void</code>
<br>
</div>
<a name="_paddingContainer"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">_paddingContainer</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>protected var _paddingContainer:Sprite</code>
</div>
<a name="style"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">style</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>public var style:Object</code>
</div>
<a name="_typeHelper"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">_typeHelper</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>protected var _typeHelper:<a href="../../controllers/helpers/TypeHelper.html">TypeHelper</a></code>
</div>
<a name="_width"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">_width</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>public var _width:Number = 0</code>
</div>
<a name="constructorDetail"></a>
<div class="detailSectionHeader">Constructor detail</div>
<a name="BoxModelDisplay()"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">BoxModelDisplay</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">constructor</td>
</tr>
</table>
<div class="detailBody">
<code>public function BoxModelDisplay()</code><p>
   </p><p>The BoxModel represents a key display manager for the framework. It is
   responsible for applying margin, padding, background color, background 
   images, borders, and aligning the AbstractModel's display. This is based on
   HTML's own CSS Box Model.</p>
   </div>
<a name="methodDetail"></a>
<div class="detailSectionHeader">Method detail</div>
<a name="addListeners()"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">addListeners</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td>
</tr>
</table>
<div class="detailBody">
<code>public function addListeners(target:LoaderInfo):void</code><p>
   </p><p>attaches listeners to LoaderInfo. This is used to streamline the 
   repetitive adding of listeners in the preload process.</p>
   <span class="label">Parameters</span>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20px"></td><td><code><span class="label">target</span>:LoaderInfo</code></td>
</tr>
</table>
</div>
<a name="addToBoxModel()"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">addToBoxModel</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>public function addToBoxModel(target:DisplayObject):void</code><p>
   </p><p>Allows DisplayObjects to be inserted between the BoxModel and the
   display.</p>
   <span class="label">Parameters</span>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20px"></td><td><code><span class="label">target</span>:DisplayObject</code></td>
</tr>
</table>
</div>
<a name="calculateOffsetArray()"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">calculateOffsetArray</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>public function calculateOffsetArray(value:Array):Array</code><p>
   </p><p>Takes a string of numbers and returns an 4 position array that can 
   be used for padding or margin offsets. Offsets arrays contain 4 slots 
   Top, Right, Bottom, Left. Accepts 3 variations:</p>
   
   <p>1) Single number, pads all 4 slots with the value</p>
   
   <p>2) Two numbers, pads the top and bottom with the first value, and 
   the left and right with the second number</p>
   
   <p>3) 4 number, is a 1 to 1 translations and maps all values to 
   respective slots.</p>
   
   <span class="label">Parameters</span>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20px"></td><td><code><span class="label">value</span>:Array</code></td>
</tr>
</table>
<p></p>
<span class="label">Returns</span>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20"></td><td><code>Array</code></td>
</tr>
</table>
</div>
<a name="clearDisplay()"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">clearDisplay</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>public function clearDisplay():void</code><p>
   </p><p>Clears the BoxModel specific containers in order to get a correctly
   rerendered display.</p>
   </div>
<a name="createBGContainer()"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">createBGContainer</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>protected function createBGContainer():void</code><p>
   </p><p>This creates a background color container.</p>
   </div>
<a name="createBGImage()"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">createBGImage</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>protected function createBGImage():void</code><p>
   </p><p>This parses the "backgroundImage" property and passes off to the
   loadBGImage method.</p>
   
   <br>
<span class="label">Example</span>
<br>background-image: asset('inputFieldBackground');
   <p></p>background-image: url('images/flash/texture_test.gif');
   <p></p>
</div>
<a name="createBorder()"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">createBorder</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>public function createBorder():void</code><p>
   </p><p>Creates a container that represents the border.</p>
   </div>
<a name="createHelpers()"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">createHelpers</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>protected override function createHelpers():void</code><p>
   </p><p>Registers the TypeHelper class.</p>
   </div>
<a name="createMarginContainer()"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">createMarginContainer</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>protected function createMarginContainer():void</code><p>
   </p><p>This creates a margin container</p>
   </div>
<a name="createPaddingContainer()"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">createPaddingContainer</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>protected function createPaddingContainer():void</code><p>
   </p><p>This creates a padding container</p>
   </div>
<a name="drawBoxModel()"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">drawBoxModel</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>public function drawBoxModel():void</code><p>
   </p><p>This is the core of the BoxModel, it is responsible for creating all
   the sprites needed to render the elements that make up the BoxModel.</p>
   
   <p>The box model is made up of the following elements</p>
   
   <ul>
    <li>Margin Container</li>
    <li>Padding Container</li>
    <li>Background Color Container</li>
    <li>Background Image Container</li>
    <li>AbstarctDisplay's Display</li>
    <li>Border Display</li>
   </ul>
   </div>
<a name="initBoxModel()"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">initBoxModel</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>protected function initBoxModel(styleConfig:Object = null):void</code><p>
   </p><p>This initalizes the box model. It requires a style object to be
   properly configured. The Style Object generally comes from the
   StylesLibrary via the CamoLibrary. The box model supports several CSS
   properties suck as margin, padding, bg image (9 sliced or textured), 
   bg color, and a special debugBoxModel mode for seeing visually how
   margin and padding are being rendered.</p>
   
   <span class="label">Parameters</span>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20px"></td><td><code><span class="label">styleConfig</span>:Object</code> (default = <code>null</code>)<code></code> &mdash; Object with properties representing supported CSS 
   properties the box model supports and can convert into rendered elements
   </td>
</tr>
</table>
</div>
<a name="ioError()"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">ioError</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>public function ioError(event:IOErrorEvent):void</code><p>
   </p><p>Called when a file can not be loaded. It automatically triggers 
   the next preload.</p>
   <span class="label">Parameters</span>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20px"></td><td><code><span class="label">event</span>:IOErrorEvent</code></td>
</tr>
</table>
</div>
<a name="loadBGImage()"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">loadBGImage</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>protected function loadBGImage(type:String, url:String):void</code><p>
   </p><p>This loads an external image to be used as a background texture.</p>
   <span class="label">Parameters</span>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20px"></td><td><code><span class="label">type</span>:String</code></td>
</tr>
<tr>
<td class="paramSpacer">&nbsp;</td>
</tr>
<tr>
<td width="20px"></td><td><code><span class="label">url</span>:String</code></td>
</tr>
</table>
</div>
<a name="onBGImageLoad()"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">onBGImageLoad</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>protected function onBGImageLoad(e:Event):void</code><p>
   </p><p>This is called when a BG Image is loaded. It attaches the BG Image's
   BitmapData to the _backgroundImageContainer. If 9 Slice data was 
   supplied it will put the BitmapData into a ScaleBitmap class, apply
   the 9 slice values to allow undistorted stretching of the supplied
   BG Image.</p>
   <span class="label">Parameters</span>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20px"></td><td><code><span class="label">e</span>:Event</code></td>
</tr>
</table>
</div>
<a name="refresh()"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">refresh</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>public function refresh():void</code><p>
   </p><p>This function refreshes the display. It has performs two main 
   operations. First it resizes all the BoxModel assets, then it realigns 
   everything.</p>
   </div>
<a name="registerUtils()"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">registerUtils</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>protected override function registerUtils():void</code><p>
   </p><p>Registers the ImageUtility.</p>
   </div>
<a name="removeFromBoxModel()"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">removeFromBoxModel</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>public function removeFromBoxModel(target:DisplayObject):void</code><p>
    </p><p>Removes DisplayObjects from the BoxModel.</p>
   <span class="label">Parameters</span>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20px"></td><td><code><span class="label">target</span>:DisplayObject</code></td>
</tr>
</table>
</div>
<a name="removeListeners()"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">removeListeners</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>public function removeListeners(target:LoaderInfo):void</code><p>
   </p><p>removes listeners to LoaderInfo. This is used to streamline the 
   remove of listeners from the preload process and frees up memory.</p>
   <span class="label">Parameters</span>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20px"></td><td><code><span class="label">target</span>:LoaderInfo</code></td>
</tr>
</table>
</div>
<a name="rgbToHex()"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">rgbToHex</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>public function rgbToHex(r:Number, g:Number, b:Number):Number</code><p>
   </p><p>Converts rgb to hex.</p>
   
   TODO this should be moved into the TypeHelper or a utility class?
   <span class="label">Parameters</span>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20px"></td><td><code><span class="label">r</span>:Number</code></td>
</tr>
<tr>
<td class="paramSpacer">&nbsp;</td>
</tr>
<tr>
<td width="20px"></td><td><code><span class="label">g</span>:Number</code></td>
</tr>
<tr>
<td class="paramSpacer">&nbsp;</td>
</tr>
<tr>
<td width="20px"></td><td><code><span class="label">b</span>:Number</code></td>
</tr>
</table>
<p></p>
<span class="label">Returns</span>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20"></td><td><code>Number</code></td>
</tr>
</table>
</div>
<a name="constantDetail"></a>
<div class="detailSectionHeader">Constant detail</div>
<a name="BOTTOM"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">BOTTOM</td><td class="detailHeaderType">constant</td>
</tr>
</table>
<div class="detailBody">
<code>public static const BOTTOM:Number = 2</code>
</div>
<a name="DELIMITER"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">DELIMITER</td><td class="detailHeaderType">constant</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>public static const DELIMITER:String = " "</code>
</div>
<a name="LEFT"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">LEFT</td><td class="detailHeaderType">constant</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>public static const LEFT:Number = 3</code>
</div>
<a name="NINE_SLICE_H"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">NINE_SLICE_H</td><td class="detailHeaderType">constant</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>public static const NINE_SLICE_H:Number = 3</code>
</div>
<a name="NINE_SLICE_W"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">NINE_SLICE_W</td><td class="detailHeaderType">constant</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>public static const NINE_SLICE_W:Number = 2</code>
</div>
<a name="NINE_SLICE_X"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">NINE_SLICE_X</td><td class="detailHeaderType">constant</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>public static const NINE_SLICE_X:Number = 0</code>
</div>
<a name="NINE_SLICE_Y"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">NINE_SLICE_Y</td><td class="detailHeaderType">constant</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>public static const NINE_SLICE_Y:Number = 1</code>
</div>
<a name="NO_REPEAT"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">NO_REPEAT</td><td class="detailHeaderType">constant</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>public static const NO_REPEAT:String = "no-repeat"</code>
</div>
<a name="REPEAT_X"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">REPEAT_X</td><td class="detailHeaderType">constant</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>public static const REPEAT_X:String = "repeat-x"</code>
</div>
<a name="REPEAT_Y"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">REPEAT_Y</td><td class="detailHeaderType">constant</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>public static const REPEAT_Y:String = "repeat-y"</code>
</div>
<a name="RIGHT"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">RIGHT</td><td class="detailHeaderType">constant</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>public static const RIGHT:Number = 1</code>
</div>
<a name="TOP"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">TOP</td><td class="detailHeaderType">constant</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>public static const TOP:Number = 0</code>
</div>
<br>
<br>
<hr>
<br>
<p></p>
<center class="copyright"> 
</center>
</div>
</body>
</html>
<!-- -->
